html,body{background-color: #f2f2f2;}
.content{padding-top: 84px;margin-bottom: 70px;}
.userbox{width: 960px;margin: auto;}

.userbox .user{position: relative;float: left;width: 60px;height: 60px;}
.userbox .user a{position: relative;display: block;height: 60px;}
.userbox .user a .borra30{position: absolute;overflow: hidden;width: 60px;height: 60px;border-radius: 30px;}
.userbox .user a .tit{position: absolute;bottom: 0;left: 0;width: 60px;background-color: #333;opacity: .5;filter: alpha(opacity=50);color: #fff;font-size: 12px;line-height: 20px;text-align: center;}
.userbox .user img{position: absolute;}

.acheckbox{display: inline-block;*display: inline;*zoom: 1;width: 55px;height: 25px;cursor: pointer;}
.acheckbox .checkbox{position: relative;height: 21px;padding: 3px;background-color: #e1e4e9;border-radius: 4px;line-height: 21px;box-shadow: 0 0 3px #ccc inset;
	-webkit-animation:checkbox 0.5s  forwards;
	-moz-animation:checkbox 0.5s  forwards;
	-o-animation:checkbox 0.5s forwards;
	-ms-animation:checkbox 0.5s forwards;
	animation:checkbox 0.5s  forwards;}
.acheckbox .checkbox .whitebox{position: absolute;top: 3px;left: 3px;display: inline-block;*display: inline;*zoom: 1;width: 21px;height: 21px;margin-right: 8px;background-color: #fff;border-radius: 4px;z-index: 2;box-shadow: 0 0 3px #ccc;
	-webkit-animation:whitebox 0.5s  forwards;
	-moz-animation:whitebox 0.5s  forwards;
	-o-animation:whitebox 0.5s forwards;
	-ms-animation:whitebox 0.5s forwards;
	animation:whitebox 0.5s  forwards;}
.acheckbox .checkbox .checks{overflow: hidden;position: absolute;display: inline-block;*display: inline;*zoom: 1;top: 7px;left: 28px;height: 14px;line-height: 13px;color: #e1e4e9;text-align: center;font-size: 12px;font-family:tahoma;z-index: 1;color: #999\9;
	-webkit-animation:checks 0.5s  forwards;
	-moz-animation:checks 0.5s  forwards;
	-o-animation:checks 0.5s forwards;
	-ms-animation:checks 0.5s forwards;
	animation:checks 0.5s  forwards;}

.checked .checkbox{box-shadow: 0 0 3px #ea6923 inset;background-color: #f58438\9;
	-webkit-animation:checkbox_ed 0.5s  forwards;
	-moz-animation:checkbox_ed 0.5s  forwards;
	-o-animation:checkbox_ed 0.5s forwards;
	-ms-animation:checkbox_ed 0.5s forwards;
	animation:checkbox_ed 0.5s  forwards;}
.checked .checkbox .whitebox{box-shadow: 0 0 3px #ea6923;left: 31px\9;
	-webkit-animation:whitebox_ed 0.5s  forwards;
	-moz-animation:whitebox_ed 0.5s  forwards;
	-o-animation:whitebox_ed 0.5s forwards;
	-ms-animation:whitebox_ed 0.5s forwards;
	animation:whitebox_ed 0.5s  forwards;}
.checked .checkbox .checks{color: #fff\9;line-height: 10px;left: 8px\9;
	-webkit-animation:checks_ed 0.5s  forwards;
	-moz-animation:checks_ed 0.5s  forwards;
	-o-animation:checks_ed 0.5s forwards;
	-ms-animation:checks_ed 0.5s forwards;
	animation:checks_ed 0.5s  forwards;}

@keyframes checkbox
{0% {} 20%{} 70%{} 80%{} 100% {}}
@-moz-keyframes checkbox
{0% {} 20%{} 70%{} 80%{} 100% {}}
@-webkit-keyframes checkbox
{0% {} 20%{} 70%{} 80%{} 100% {}}
@-o-keyframes checkbox
{0% {} 20%{} 70%{} 80%{} 100% {}}
@-ms-keyframes checkbox
{0% {} 20%{} 70%{} 80%{} 100% {}}

@keyframes whitebox
{0% {left: 31px;} 20%{left: 28px;} 70%{left: 3px;} 80%{} 100% {left: 3px;}}
@-moz-keyframes whitebox
{0% {left: 31px;} 20%{left: 28px;} 70%{left: 3px;} 80%{} 100% {left: 3px;}}
@-webkit-keyframes whitebox
{0% {left: 31px;} 20%{left: 28px;} 70%{left: 3px;} 80%{} 100% {left: 3px;}}
@-o-keyframes whitebox
{0% {left: 31px;} 20%{left: 28px;} 70%{left: 3px;} 80%{} 100% {left: 3px;}}
@-ms-keyframes whitebox
{0% {left: 31px;} 20%{left: 28px;} 70%{left: 3px;} 80%{} 100% {left: 3px;}}

@keyframes checks
{0% {left: 15px;} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{opacity: .5;filter: alpha(opacity=50);left: 28px;color: #999;} 100% {left: 28px;color: #999;opacity: 1;filter: alpha(opacity=100);}}
@-moz-keyframes checks
{0% {left: 15px;} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{opacity: .5;filter: alpha(opacity=50);left: 28px;color: #999;} 100% {left: 28px;color: #999;opacity: 1;filter: alpha(opacity=100);}}
@-webkit-keyframes checks
{0% {left: 15px;} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{opacity: .5;filter: alpha(opacity=50);left: 28px;color: #999;} 100% {left: 28px;color: #999;opacity: 1;filter: alpha(opacity=100);}}
@-o-keyframes checks
{0% {left: 15px;} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{opacity: .5;filter: alpha(opacity=50);left: 28px;color: #999;} 100% {left: 28px;color: #999;opacity: 1;filter: alpha(opacity=100);}}
@-ms-keyframes checks
{0% {left: 15px;} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{opacity: .5;filter: alpha(opacity=50);left: 28px;color: #999;} 100% {left: 28px;color: #999;opacity: 1;filter: alpha(opacity=100);}}
/**/
@keyframes checkbox_ed
{0% {} 20%{} 70%{} 80%{background-color: #f58438;} 100% {background-color: #f58438;}}
@-moz-keyframes checkbox_ed
{0% {} 20%{} 70%{} 80%{background-color: #f58438;} 100% {background-color: #f58438;}}
@-webkit-keyframes checkbox_ed
{0% {} 20%{} 70%{} 80%{background-color: #f58438;} 100% {background-color: #f58438;}}
@-o-keyframes checkbox_ed
{0% {} 20%{} 70%{} 80%{background-color: #f58438;} 100% {background-color: #f58438;}}
@-ms-keyframes checkbox_ed
{0% {} 20%{} 70%{} 80%{background-color: #f58438;} 100% {background-color: #f58438;}}

@keyframes whitebox_ed
{0% {} 20%{left: 10px;} 70%{left: 31px;} 80%{} 100% {left: 31px;}}
@-moz-keyframes whitebox_ed
{0% {} 20%{left: 10px;} 70%{left: 31px;} 80%{} 100% {left: 31px;}}
@-webkit-keyframes whitebox_ed
{0% {} 20%{left: 10px;} 70%{left: 31px;} 80%{} 100% {left: 31px;}}
@-o-keyframes whitebox_ed
{0% {} 20%{left: 10px;} 70%{left: 31px;} 80%{} 100% {left: 31px;}}
@-ms-keyframes whitebox_ed
{0% {} 20%{left: 10px;} 70%{left: 31px;} 80%{} 100% {left: 31px;}}

@keyframes checks_ed
{0% {} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{left: 6px;background-color: #fff;color: #fff;opacity: .5;filter: alpha(opacity=50);} 100% {left: 6px;color: #fff;opacity: 1;filter: alpha(opacity=100);}}
@-moz-keyframes checks_ed
{0% {} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{left: 6px;color: #fff;opacity: .5;filter: alpha(opacity=50);} 100% {left: 6px;color: #fff;opacity: 1;filter: alpha(opacity=100);}}
@-webkit-keyframes checks_ed
{0% {} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{left: 6px;color: #fff;opacity: .5;filter: alpha(opacity=50);} 100% {left: 6px;color: #fff;opacity: 1;filter: alpha(opacity=100);}}
@-o-keyframes checks_ed
{0% {} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{left: 6px;color: #fff;opacity: .5;filter: alpha(opacity=50);} 100% {left: 6px;color: #fff;opacity: 1;filter: alpha(opacity=100);}}
@-ms-keyframes checks_ed
{0% {} 2%{opacity: 0;filter: alpha(opacity=0);} 70%{} 80%{left: 6px;color: #fff;opacity: .5;filter: alpha(opacity=50);} 100% {left: 6px;color: #fff;opacity: 1;filter: alpha(opacity=100);}}

.msgbox{}
.msgbox .tab{height: 42px;line-height: 42px;background-color: #f7f7f7;} 
.msgbox .tab a{float: left;width: 102px;text-align: center;font-size: 14px;color: #666;border-right: 1px solid #d9d9d9;}
.msgbox .tab a.active{background-color: #f58438;color: #fff;}

.userbox .boxes{}
.userbox .boxes .news{}
.userbox .boxes .news .new{position: relative;top:-5px;display: inline-block;*display: inline;*zoom: 1;height: 16px;padding:0 2px;background-color: #ff6352;border-radius: 3px;font-size: 12px;line-height: 16px;color: #fff;}
.userbox .boxes .news li{padding: 20px;border-top: 1px solid #d9d9d9;}
.userbox .boxes .news li p{white-space:normal;word-break:break-all;word-wrap:break-word;}

.userbox .visitor .user{position: relative;float: left;width: 50px;height: 50px;margin-right: 20px;}
.userbox .visitor .user a{position: absolute;overflow: hidden;width: 50px;height: 50px;border-radius: 25px 25px 25px 25px;cursor: default;}
.userbox .visitor .user img{position: absolute;}





































